<template>
	<div>
		<Chart :cdata="cdata" />
	</div>
</template>

<script>
	import Chart from './chart.vue';
	export default {
		data() {
			return {
				cdata: {
					serData: [{
                    'name': '数据1',
                    'value': 10
                }, {
                    'name': '数据2',
                    'value': 20
                }, {
                    'name': '数据3',
                    'value': 30
                }, {
                    'name': '数据4',
                    'value': 5
                }, {
                    'name': '数据5',
                    'value': 15
                }, {
                    'name': '数据6',
                    'value': 16
                }, {
                    'name': '数据7',
                    'value': 4
                }]
				}
			}
		},
		components: {
			Chart,
		},
		mounted() {
			this.getTrend()
		},
		methods: {
			getTrend() {
				this.$http.get("/view/trend_count/list").then((res) => {
					console.log("=======>", res.data.rows[0])
					let trends = res.data.rows
					let data = []
					// 循环遍历数组，取出数据，转成和data一样的格式
					for (var i = 0; i < trends.length; i++) {
						// 往data数组中添加数据
						var d = {
								name: '',
								value: 0
						}
						d.name = trends[i].trend
						d.value = trends[i].trendCount
						data.push(d)
					}
					this.cdata.serData = data
				}).catch((err) => {
					console.log(err)
					alert('请求失败！请检查后端接口！！！！')
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>
